@import url(reset.css);
@import url(font.css);
@import url(typo.css);
/* line 9, style-2.scss */
* {
  padding: 0;
  margin: 0;
}

/* line 13, style-2.scss */
html, body {
  height: 100%;
}

/* line 16, style-2.scss */
body {
  background-color: #FFF;
}

/* line 17, style-2.scss */
* html .container {
  height: 100%;
}

/* line 20, style-2.scss */
.container {
  width: 900px;
  margin: 0px auto;
  position: relative;
  padding: 0px 10px;
  height: auto !important;
  min-height: 100%;
}

/* line 21, style-2.scss */
.clear {
  clear: both;
}

/* line 22, style-2.scss */
.no_border {
  border: none !important;
}

/* line 23, style-2.scss */
.no_border_right {
  border-right: none !important;
}

/* line 24, style-2.scss */
.no_margin_right {
  margin-right: 0px !important;
}

/* line 25, style-2.scss */
.no_margin_left {
  margin-left: 0px !important;
}

/* line 26, style-2.scss */
.no_padding_left {
  padding-left: 0px !important;
}

/* line 27, style-2.scss */
.no_padding_right {
  padding-right: 0px !important;
}

/* line 28, style-2.scss */
.no-bg {
  background: none !important;
}

/* line 29, style-2.scss */
.float_right {
  float: right !important;
}

/* line 30, style-2.scss */
.float_left {
  float: left !important;
}

/* line 31, style-2.scss */
.bold {
  font-weight: bold !important;
}

/* line 32, style-2.scss */
.textInput {
  display: block;
}

/* line 33, style-2.scss */
.hide {
  display: none !important;
}

/* line 34, style-2.scss */
.updnWatermark {
  font-size: 12px;
  color: #292929;
  left: 260px !important;
}

/* USING FOR SITE WITHOUT SLIDE IMAGE*/
/* line 36, style-2.scss */
.no_slideImage {
  /*padding-top:120px;*/
  top: -18px;
}

/* line 37, style-2.scss */
.odd {
  background-color: #eeeeee !important;
}

/* line 42, style-2.scss */
.clear-fix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

/* line 49, style-2.scss */
* html .clear-fix {
  zoom: 1;
}

/* IE6 */
/* line 50, style-2.scss */
*:first-child + html .clear-fix {
  zoom: 1;
}

/* IE7 */
/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
/* line 56, style-2.scss */
.header,
.content,
.footer {
  width: 900px;
  margin: 0px auto;
}

/***************** HEADING SETTING ********************/
/* line 59, style-2.scss */
.heading {
  display: block;
  border-bottom: 1px solid #b7b7b7;
  padding-bottom: 7px;
  margin-bottom: 10px;
}
/* line 64, style-2.scss */
.heading h2 {
  display: block;
  color: #ed2327;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

/***************** HEADER ********************/
/* line 71, style-2.scss */
.header {
  display: block;
  position: relative;
  z-index: 99;
  background: transparent url(../images/imgHeader-background.jpg) 50% 0 no-repeat;
}
/* line 76, style-2.scss */
.header .logo {
  display: block;
  float: left;
  width: 247px;
  height: 145px;
  margin-top: 70px;
}
/* line 82, style-2.scss */
.header .logo a {
  display: block;
  text-indent: -9999px;
  width: 247px;
  height: 145px;
  background: transparent url(../images/imgLogo-2.png) 0 0 no-repeat;
}
/* line 90, style-2.scss */
.header #header-temp {
  position: absolute;
  right: 0px;
  top: 48px;
}
/* line 91, style-2.scss */
.header .navigation {
  float: right;
  background: #ed2327;
  border: 1px solid #c70000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-top: 150px;
  padding: 0px 5px;
  position: relative;
}
/* line 99, style-2.scss */
.header .navigation > ul {
  margin: 0;
  padding: 0;
  float: left;
}
/* line 103, style-2.scss */
.header .navigation > ul > li {
  float: left;
  height: 36px;
  position: relative;
}
/* line 107, style-2.scss */
.header .navigation > ul > li > a {
  display: block;
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  margin: 0 15px;
  line-height: 36px;
}
/* line 115, style-2.scss */
.header .navigation > ul > li > a:hover {
  color: #000;
}
/* line 118, style-2.scss */
.header .navigation > ul > li ul.submenu {
  position: absolute;
  z-index: 9999;
  min-width: 180px;
  left: 0;
  top: 25px;
  padding-bottom: 5px;
  padding-top: 8px;
  display: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
/* line 129, style-2.scss */
.header .navigation > ul > li ul.submenu li {
  line-height: 36px;
  display: block;
  background: transparent url(../images/imgBorder-1.png) bottom center no-repeat;
  background-color: #ed2327;
  min-width: 180px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* line 138, style-2.scss */
.header .navigation > ul > li ul.submenu li a {
  padding: 0 15px;
  line-height: 36px;
  height: 33px;
  margin-bottom: 3px;
  display: block;
  color: #FFF;
  text-transform: uppercase;
  font-size: 12px;
}
/* line 148, style-2.scss */
.header .navigation > ul > li ul.submenu li a:hover {
  color: #000;
}
/* line 151, style-2.scss */
.header .navigation > ul > li ul.submenu li.sub-1 {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
/* line 152, style-2.scss */
.header .navigation > ul > li ul.submenu li.sub-2 {
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
/* line 154, style-2.scss */
.header .navigation > ul > li:hover ul.submenu {
  display: block;
}
/* line 155, style-2.scss */
.header .navigation > ul > li a.item-home {
  margin-top: 6px;
  text-indent: -9999px;
  background: transparent url(../images/imgHome.png) -30px -1px no-repeat;
  width: 26px;
  height: 24px;
}
/* line 155, style-2.scss */
.header .navigation > ul > li a.item-home:hover {
  background-position: -1px -1px;
}
/* line 156, style-2.scss */
.header .navigation > ul > li a#item-support {
  margin-top: 5px;
  text-indent: -9999px;
  width: 83px;
  height: 26px;
  background: transparent url(../images/imgSupport.png) 0 -26px no-repeat;
}
/* line 156, style-2.scss */
.header .navigation > ul > li a#item-support:hover {
  background-position: 0 0;
}

/***************** SLIDE SETTING********************/
/* line 162, style-2.scss */
.slider {
  display: block;
  overflow: hidden;
}
/* line 165, style-2.scss */
.slider .slide-wrapper {
  margin: 0;
  padding: 0;
}
/* line 168, style-2.scss */
.slider .slide-wrapper li {
  display: block;
  width: 900px;
  height: 272px;
}
/* line 172, style-2.scss */
.slider .slide-wrapper li img {
  display: block;
  width: 900px;
  height: 272px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

/***************** HOMEPAGE CONTENT setting ********************/
/* line 184, style-2.scss */
.content {
  padding-bottom: 30px;
}

/* line 185, style-2.scss */
.hp-cnt-1 {
  display: block;
  overflow: hidden;
  padding-top: 15px;
}
/* line 188, style-2.scss */
.hp-cnt-1 .cnt-1-left {
  width: 280px;
  float: left;
}
/* line 189, style-2.scss */
.hp-cnt-1 .cnt-1-left a#hp-webshop {
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/imgWebshop.png) 0 -63px no-repeat;
  width: 280px;
  height: 63px;
}
/* line 194, style-2.scss */
.hp-cnt-1 .cnt-1-left a#hp-webshop:hover {
  background-position: 0 0;
}
/* line 196, style-2.scss */
.hp-cnt-1 .cnt-1-left img {
  display: block;
  margin: 10px 0 0 15px;
}
/* line 198, style-2.scss */
.hp-cnt-1 .cnt-1-right {
  width: 590px;
  float: left;
  margin-left: 30px;
}
/* line 200, style-2.scss */
.hp-cnt-1 .cnt-1-right h1 {
  font-weight: bold;
  color: #ed2327;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/* line 201, style-2.scss */
.hp-cnt-1 .cnt-1-right p {
  font-size: 13px;
}
/* line 201, style-2.scss */
.hp-cnt-1 .cnt-1-right p a:hover {
  text-decoration: underline;
}

/* line 204, style-2.scss */
.hp-cnt-2 {
  display: block;
  margin: 20px 0;
}
/* line 207, style-2.scss */
.hp-cnt-2 .hp-col {
  float: left;
  width: 280px;
}
/* line 209, style-2.scss */
.hp-cnt-2 .hp-col a {
  display: block;
  margin-bottom: 10px;
}
/* line 212, style-2.scss */
.hp-cnt-2 .hp-col a img {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  width: 280px;
  height: 130px;
  display: block;
}
/* line 219, style-2.scss */
.hp-cnt-2 .hp-col h3 {
  color: #ed2327;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
/* line 225, style-2.scss */
.hp-cnt-2 .hp-col p {
  font-size: 12px;
}
/* line 227, style-2.scss */
.hp-cnt-2 .hp-col p a {
  display: inline;
}
/* line 227, style-2.scss */
.hp-cnt-2 .hp-col p a:hover {
  text-decoration: underline;
}
/* line 231, style-2.scss */
.hp-cnt-2 #hp-col-1 {
  margin-right: 30px;
}
/* line 232, style-2.scss */
.hp-cnt-2 #hp-col-2 {
  margin-right: 30px;
}

/* line 235, style-2.scss */
.read-more {
  color: #ed2327 !important;
}

/***************** FOOTER setting ********************/
/* line 237, style-2.scss */
.footer {
  display: block;
  border-top: 1px solid #d1d1d1;
  padding-top: 10px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 60px;
}
/* line 244, style-2.scss */
.footer p {
  color: #999999;
  text-align: center;
  font-size: 10px;
}
/* line 245, style-2.scss */
.footer a {
  color: #999999;
}
/* line 245, style-2.scss */
.footer a:hover {
  text-decoration: underline;
}
/* line 246, style-2.scss */
.footer img#imgCafe {
  position: absolute;
  width: 180px;
  height: 158px;
  right: -80px;
  bottom: -59px;
}

/***************** REVEAL LOGIN setting ********************/
/* line 250, style-2.scss */
#frmLogin {
  margin-left: 0px;
  left: 35%;
}

/* line 254, style-2.scss */
.formLogin-wrapper {
  display: block;
}
/* line 256, style-2.scss */
.formLogin-wrapper h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 15px;
}
/* line 257, style-2.scss */
.formLogin-wrapper p {
  color: #828282;
}
/* line 258, style-2.scss */
.formLogin-wrapper input.login-input {
  border: 1px solid #b4b4b4;
  padding: 0 5px;
  width: 220px;
  height: 30px;
  line-height: 30px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  margin-bottom: 8px;
}
/* line 259, style-2.scss */
.formLogin-wrapper a {
  display: block;
  color: #ed2327;
}
/* line 259, style-2.scss */
.formLogin-wrapper a:hover {
  text-decoration: underline;
}
/* line 262, style-2.scss */
.formLogin-wrapper a#btnLogin {
  display: block;
  margin-top: 5px;
  text-indent: -9999px;
  width: 69px;
  height: 26px;
  background: transparent url(../images/imgLogin.png) 0 0 no-repeat;
  float: left;
  margin-right: 10px;
}
/* line 264, style-2.scss */
.formLogin-wrapper #formLogin-btn {
  margin-bottom: 5px;
}
/* line 266, style-2.scss */
.formLogin-wrapper #formLogin-btn #btnRemember {
  float: left;
  margin-top: 10px;
}
/* line 267, style-2.scss */
.formLogin-wrapper #formLogin-btn label {
  float: left;
  margin-left: 5px;
  margin-top: 7px;
}

/***************** Heading setting ********************/
/***************** Heading setting ********************/
/***************** Heading setting ********************/
/***************** Heading setting ********************/
/***************** Heading setting ********************/
/***************** FORM setting ********************/
/* line 3, _form.scss */
.form-register {
  display: block;
  overflow: hidden;
}
/* line 6, _form.scss */
.form-register .input-block {
  display: block;
  width: 235px;
}
/* line 9, _form.scss */
.form-register .input-block label {
  display: block;
}
/* line 10, _form.scss */
.form-register .input-block label span {
  color: #eb272d;
}
/* line 13, _form.scss */
.form-register .input-block input {
  background: #FFF;
  border: 1px solid #b4b4b4;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 12px;
  width: 220px;
}
/* line 14, _form.scss */
.form-register .input-block .input-block-left {
  float: left;
  width: 50px;
  margin-right: 15px;
}
/* line 14, _form.scss */
.form-register .input-block .input-block-left input {
  width: 40px;
}
/* line 15, _form.scss */
.form-register .input-block .input-block-right {
  float: left;
  width: 165px;
}
/* line 15, _form.scss */
.form-register .input-block .input-block-right input {
  width: 155px;
}
/* line 17, _form.scss */
.form-register #input-last {
  margin-bottom: 30px;
}
/* line 18, _form.scss */
.form-register .input-submit {
  display: block;
  margin: 10px 0;
}
/* line 21, _form.scss */
.form-register .input-submit a {
  display: block;
  text-indent: -9999px;
}
/* line 22, _form.scss */
.form-register .input-submit a#btn-register {
  float: left;
  width: 100px;
  height: 23px;
  background: transparent url(../images/imgButton-2.png) 0 -23px no-repeat;
  margin-right: 10px;
}
/* line 22, _form.scss */
.form-register .input-submit a#btn-register:hover {
  background-position: -100px -23px;
}
/* line 23, _form.scss */
.form-register .input-submit a#btn-undo {
  float: left;
  width: 100px;
  height: 23px;
  background: transparent url(../images/imgButton-5.png) -200px 0 no-repeat;
  margin-right: 10px;
}
/* line 23, _form.scss */
.form-register .input-submit a#btn-undo:hover {
  background-position: -200px -27px;
}
/* line 24, _form.scss */
.form-register .input-submit a#btn-save {
  float: left;
  width: 100px;
  height: 23px;
  background: transparent url(../images/imgButton-5.png) 0 -59px no-repeat;
}
/* line 24, _form.scss */
.form-register .input-submit a#btn-save:hover {
  background-position: -107px -59px;
}
/* line 25, _form.scss */
.form-register .input-submit input#btnReset {
  border: none;
  text-indent: -9999px;
  cursoir: pointer;
  float: left;
  width: 100px;
  height: 23px;
  background: transparent url(../images/imgButton-2.png) 0 0 no-repeat;
}
/* line 25, _form.scss */
.form-register .input-submit input#btnReset:hover {
  background-position: -100px 0;
}
